import { GridContent, PageContainer } from '@ant-design/pro-components';
import React from 'react';
import PreviewModule from './components/PreviewModule';
import AnalysisModule from './components/AnalysisModule';
import RankTabsModule2 from './components/RankTabsModule2';
import RankModule2 from './components/RankModule2';
import RankModule from './components/RankModule';
import { history, useAccess } from 'umi';

export default (): React.ReactNode => {
  const access = useAccess();
  return <PageContainer
    header={{
      breadcrumb: {},
      title: false
    }}
  >
    <GridContent>
      <React.Fragment>
        <PreviewModule />

        {/* {(access.数据统计x配置x分类x供稿方 || access.数据统计x配置x分类x媒体) && (
          <>
            <AnalysisModule />
            <RankModule />
          </>
        )} */}

        <>
          <RankTabsModule2 />
          {/* <RankModule2 /> */}
        </>
      </React.Fragment>
    </GridContent>
  </PageContainer>
};
